<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" 
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
	  layout:decorate="~{layout.html}">
  <head>
    <title>Taco Cloud</title>
  </head>
  
  <body>
    <section layout:fragment="main" class="content">
      <h1>Your orders</h1>
      
      <ul>
        <li th:each="order : ${orders}">
          <span th:text="${order.placedAt}">DATE</span> -
          <span th:text="${order.deliveryName}">NAME</span>
          <ul>
            <li th:each="taco : ${order.tacos}">
              <span th:text="${taco.name}"></span> : 
              <span th:each="ingredient : ${taco.ingredients}">
                <span th:text="${ingredient.name}">INGREDIENT</span>,
              </span>
            </li>
          </ul>
        </li>
      </ul>
    </section>
  </body>

</html>
